<template>
  <view class="header">
	<image @tap="backBtn" style="width: 20rpx;" mode="widthFix" src="../../static/common/goBack.png"></image>
    <view>
		<text v-text="headTitle"></text>
	</view>
	<view style="width: 10rpx;"></view>
  </view>
</template>

<script>
export default {
  name: "tabbar",
  props: {
	headTitle: {
		type: String,
		default: ""
	}  
  },
  data() {
    return {
      
    };
  },
  methods: {
    backBtn() {
      uni.navigateBack({
        delta: 1,
      });
    }
  }
};
</script>

<style lang="scss" scoped>
	.header {
		width: 100%;
		height: 88rpx;
		padding: 0 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		font-size: 32rpx;
		color: #333333;
	}
</style>
